<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tong</title>
    <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
</head>
<body>
<div class="up"><i class="fa fa-chevron-circle-up fa-3x" aria-hidden="true"></i></div>
<div class="container">
    <aside class="slider-bar">
        <img width="80" height="80" class="head" src="https://file.yaop.ink/d4810653bff615a839283c91039f4589.png" alt="its my head">
        <div class="slider-bar-list">
            <p data-id="{{key}}" class="slider-bar-item co-C{{item.color}}">{{item.content}}</p>
        </div>
    </aside>
    <div class="home-notice">
        {{this.html(item.notice)}}
    </div>
    <br>
    <div class="body-main">
        <main class="content-main">
            <div class="content-main-list">
                <div class="list-title" data-id="{{item.id}}">
                    <h1 data-id="{{item.id}}">{{item.title}}</h1><span>{{item.update_time}}</span>
                </div>
                <p>Author : {{item.author}}</p>
                <hr>
                <div class="list-body">
                    <p>{{this.html(item.body)}}</p>
                </div>
            </div>
            <br><br>
        </main>
        <main class="category-main">
            <ul class="category-main-list">
                <li data-id="{{item.id}}" class="category-main-list-item co-C{{item.color}}">{{item.name}}</li>
            </ul>
        </main>
    </div>

</div>
</body>
</html>